@extends('admin.layouts.wap')
@section('title',$article->title)

@section('content')
<style type="text/css">
    /*content-article start*/
    .content-article{
        width: 100%;
        float: left;
        height: auto;
        background-color: #FFFFFF;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .content-article content{
        width: 100%;
        height: auto;
        color: #666666;
        font-weight: 400;
        line-height: 25px;
    }
    .content-article content h5{
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    .content-article content h4{
        border-left: 3px solid #3878fe;
        border-bottom: none;
        padding: 0px 0px 0px 15px;
        margin: 20px 0px;
        font-weight: 400;
        font-size: 18px;
        float: left;
        width: 100%;
    }
    .content-article content h3{
        border-left: 3px solid #3878fe;
        border-bottom: none;
        padding: 0px 0px 0px 15px;
        margin: 10px 0px;
        font-weight: 400;
        font-size: 20px;
        float: left;
        width: 100%;
    }
    .content-article content h2{
        border-left: 3px solid #3878fe;
        border-bottom: none;
        padding: 0px 0px 0px 15px;
        margin: 20px 0px;
        font-weight: 400;
        font-size: 25px;
        float: left;
        width: 100%;
    }
    .content-article content table{
        width: 100%;
        margin: 10px 0px 10px 0px;
        height: auto;
        border: thin solid #E6E6E6;
        font-size: 14px;
    }
    .content-article content th{
        border: thin solid #E6E6E6;
        text-align: center;
        height: 35px;
        font-size: 15px;
    }
    .content-article content td{
        border: thin solid #E6E6E6;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        height: 35px;
    }
    .content-article content img{
        max-width: 100%;
        margin: 10px 0px;
    }
    .content-article content ul{
        width: 100%;
        float: left;
        list-style: none;
        padding: 5px 20px;
    }
    .content-article content li{
        width: 100%;
        float: left;
        list-style-type: disc;
        border: none;
    }
    .content-article content li ul{
        width: 100%;
        float: left;
        list-style: none;
        padding: 10px 0px  10px 20px;
    }
    .content-article content li ul li{
        width: 100%;
        float: left;
        list-style-type: circle;
        border: none;
    }
    .content-article content strong{
        color: #3878fe;
        font-size: 14px;
    }
    .content-article content pre{
        width: 100%;
        float: left;
    }
    .content-article content pre code{
        padding: 20px;
    }
    .content-article content code{
        font-size: 15px;
        color: #c7254e;
        padding: 0px 5px;
    }
    @media (max-width: 767px) {
    .content-article h1{
        width: 100%;
        height: all;
        line-height: 25px;
        float: left;
        font-size: 20px;
        margin: 10px 0px 0px 0px;
        font-weight: 400;
        color: #333333;
    }
    }
    @media screen and (min-width: 768px) {
    .content-article h1{
        width: 100%;
        height: all;
        line-height: 50px;
        float: left;
        font-size: 23px;
        margin: 10px 0px 0px 0px;
        font-weight: 400;
        color: #333333;
    }
    }
    .article-editor{
        width: 100%;
        float: left;
        height: auto;
        color: #999999;
        height: 40px;
        line-height: 40px;
        font-weight: 300;
        font-size: 14px;
        margin: 10px 0px;
    }
    .article-editor a{
        color: #3878fe;
        font-weight: 400;
        margin-right: 10px;
    }
    .article-editor a:hover{
        color: #3878fe;
        text-decoration: none;
    }
    .article-editor font{
        margin: 0px 10px;
    }
</style>

<div class="m-card">
    <div class="content-article">
        <content>
            {!! $article->message !!}
        </content>
    </div>
</div>

@endsection
